<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>第一篇文章</title>
  <link rel="stylesheet" href="styles.css">
</head>
<body>

<header>
  <nav>
    <ul>
      <li><a href="index.html">首页</a></li>
      <li><a href="#">关于我</a></li>
      <li><a href="#">联系我</a></li>
    </ul>
  </nav>
</header>

<main>
  <article class="blog-post">
    <h1>第一篇文章标题</h1>
    <p class="post-meta">发表于 2024年11月11日 | 作者: 博主</p>
    <p>这是文章的详细内容部分。你可以在这里详细描述文章内容，分享你的观点、经验或者讲述一个故事。</p>
    <p>继续写更多的文章内容，直到你觉得这篇文章完成。</p>
  </article>
</main>

<footer>
  <p>版权所有 &copy; 2024 博主的博客</p>
</footer>

</body>
</html>
